<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>管理员页面</title>
     <!-- 给当前页面域添加一段java代码，用来自动获取当前项目名，不写死,然后再通过EL表达式获取 -->
    <%
    	pageContext.setAttribute("PATH",request.getContextPath());
    
     %>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />
	<!-- 引入在线的jQuery -->
   <!-- <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> -->
	<script type="text/javascript" src="${PATH}/js/jquery-3.2.1.min.js"></script>
	
   <!-- 文件上传ajax插件JS -->
   <script type="text/javascript" src="${PATH}/js/ajaxfileupload.js"></script>
   
   <!-- 引入bootstrapcss与js -->
	<link rel="stylesheet" href="${PATH}/css/bootstrap.css">
	<script type="text/javascript" src="${PATH}/js/bootstrap.js"></script>
	<link rel="stylesheet" type="text/css" href="${PATH}/css/docs.min.css"/>
	
  </head>
  
  <body>
    	<div class="container">
			<h1 class="page-header text-info">欢迎${admin.username}来到后台管理中心</h1>
			<div class="panel-group col-md-2 " id="pg"><!--面板组-->
			
				<div class="panel panel-primary"><!--面板1-->
					<div class="panel-heading"><!--头部-->
						<div class="panel-title">
							<a href="#p1" data-toggle="collapse" data-parent="#pg">管理员管理</a>
						</div>
					</div>
					
					<div class="panel-collapse collapse in" id="p1">
						<div class="panel-body"><!--身体${pageContext.request.contextPath }/AllAdmins.do-->
							<a class="btn btn-success x1" href="javascript:">用户操作</a>
						</div>
					</div>	
				</div>
				
				
				
				<div class="panel panel-primary"><!--面板2-->
					<div class="panel-heading"><!--头部-->
						<div class="panel-title">
							<a href="#p2" data-toggle="collapse" data-parent="#pg">公司管理</a>
						</div>
					</div>
					
					<div class="panel-collapse collapse" id="p2">
						<div class="panel-body"><!--身体-->
							<p><!-- ${pageContext.request.contextPath }/GoToIimg.do -->
								<a class="btn btn-success x1" href="javascript:">首页轮播管理</a>
							</p>
							<p><!-- ${pageContext.request.contextPath }/AllEPicture.do 首页展览图管理-->
								<a class="btn btn-success x1" href="javascript:">优选婚庆管理</a>
							</p>
							<p><!-- ${pageContext.request.contextPath }/AllProduct.do 产品详情页管理-->
								<a class="btn btn-success x1" href="javascript:">婚庆作品管理</a>
							</p>
							<p><!-- ${pageContext.request.contextPath }/AllPhone.do -->
								<a class="btn btn-success x1" href="javascript:">广告图管理</a>
							</p>
							<p><!-- ${pageContext.request.contextPath }/AllPhone.do -->
								<a class="btn btn-success x1" href="javascript:">优选酒店管理</a>
							</p>
							<p><!-- ${pageContext.request.contextPath }/AllPhone.do -->
								<a class="btn btn-success x1" href="javascript:">酒店轮播管理</a>
							</p>
							<p><!-- ${pageContext.request.contextPath }/AllPhone.do -->
								<a class="btn btn-success x1" href="javascript:">优选主持管理</a>
							</p>
							<p><!-- ${pageContext.request.contextPath }/AllPhone.do -->
								<a class="btn btn-success x1" href="javascript:">主持作品管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">优选摄像管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">优选化妆管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">化妆作品管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">优选摄影管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">摄影作品管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">服务糖果管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">糖果轮播管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">服务婚车管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">婚车轮播管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">优选男装管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">男装轮播管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">优选珠宝管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">珠宝轮播管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">优选旅行管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">旅行轮播管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">优选酒水管理</a>
							</p>
							<p>
								<a class="btn btn-success x1" href="javascript:">酒水轮播管理</a>
							</p>
						</div>
					</div>
				</div>
				
				
				<div class="panel panel-primary"><!--面板3-->
					<div class="panel-heading"><!--头部-->
						<div class="panel-title">
							<a href="#p3" data-toggle="collapse" data-parent="#pg">客户管理</a>
						</div>
					</div>
					
					<div class="panel-collapse collapse" id="p3">
						<div class="panel-body"><!--身体-->
							<p>
						 		<a class="btn btn-success x1" href="javascript:">注册用户管理</a>
							</p>
						</div>
					</div>
				</div>
			</div>	
			
			<!--右侧新操作内容  -->
			<div class="col-md-10">
				<div class="hx"><!-- 管理员 默认显示-->
					<jsp:include page="T_AllAdmins.jsp"></jsp:include>
				</div>
				 <div class="hx hide"><!-- 首页轮播图 -->
					<jsp:include page="T_AllPicture.jsp"></jsp:include>
				</div>
				
				<div class="hx hide"><!-- 优选婚庆 -->
					<jsp:include page="T_YXHQ.jsp"></jsp:include>
				</div>
				<div class="hx hide"><!-- 作品集 -->
					<jsp:include page="T_YXHQWP.jsp"></jsp:include>
				</div>
				
				 <div class="hx hide"><!-- 广告图 -->
					<jsp:include page="T_AllAdverPicture.jsp"></jsp:include>
				</div> 
				 <div class="hx hide"><!-- 酒店 -->
					<jsp:include page="T_YXJD.jsp"></jsp:include>
				</div> 
				 <div class="hx hide"><!-- 酒店轮播图 -->
					<jsp:include page="T_YXJD_R.jsp"></jsp:include>
				</div>
				 <div class="hx hide"><!-- 优选主持 -->
					<jsp:include page="T_YXZC.jsp"></jsp:include>
				</div>
				 <div class="hx hide"><!-- 优选主持作品集 -->
					<jsp:include page="T_YXZCWP.jsp"></jsp:include>
				</div>
			 	
			 	 <div class="hx hide"><!-- 优选摄像 -->
					<jsp:include page="T_YXSX.jsp"></jsp:include>
				</div>
			 	 <div class="hx hide"><!-- 优选化妆 -->
					<jsp:include page="T_YXHZ.jsp"></jsp:include>
				</div>
			 	 <div class="hx hide"><!-- 优选化妆工作集 -->
					<jsp:include page="T_YXHZWP.jsp"></jsp:include>
				</div>
			 	 <div class="hx hide"><!-- 优选摄影 -->
					<jsp:include page="T_YXSY.jsp"></jsp:include>
				</div>
			 	<div class="hx hide"><!-- 优选摄影工作集 -->
					<jsp:include page="T_YXSYWP.jsp"></jsp:include>
				</div>
			 	<div class="hx hide"><!-- 喜糖 -->
					<jsp:include page="T_Candy.jsp"></jsp:include>
				</div>
			 	 <div class="hx hide"><!-- 糖果轮播图 -->
					<jsp:include page="T_Candy_R.jsp"></jsp:include>
				</div>
			 	<div class="hx hide"><!-- 婚车 -->
					<jsp:include page="T_Car.jsp"></jsp:include>
				</div>
			 	<div class="hx hide"><!-- 婚车轮播图 -->
					<jsp:include page="T_Car_R.jsp"></jsp:include>
				</div>
			 	<div class="hx hide"><!-- 男装 -->
					<jsp:include page="T_Man.jsp"></jsp:include>
				</div>
			 	<div class="hx hide"><!-- 男装轮播图 -->
					<jsp:include page="T_Man_R.jsp"></jsp:include>
				</div>
			 	<div class="hx hide"><!-- 珠宝 -->
					<jsp:include page="T_Jewellery.jsp"></jsp:include>
				</div>
			 	<div class="hx hide"><!-- 珠宝轮播图 -->
					<jsp:include page="T_Jewellery_R.jsp"></jsp:include>
				</div>
			 	<div class="hx hide"><!-- 旅行 -->
					<jsp:include page="T_Travel.jsp"></jsp:include>
				</div>
				<div class="hx hide"><!-- 珠宝轮播图 -->
					<jsp:include page="T_Travel_R.jsp"></jsp:include>
				</div>
				
			 	<div class="hx hide"><!-- 酒水 -->
					<jsp:include page="T_Wine.jsp"></jsp:include>
				</div>
			 	<div class="hx hide"><!-- 酒水轮播 -->
					<jsp:include page="T_Wine_R.jsp"></jsp:include>
				</div>
			 	
			 	
			 	
			 	
			 	
				<div class="hx hide"><!-- 留言 -->
					<jsp:include page="T_AllUser.jsp"></jsp:include>
				</div>	  	
			</div>		
					

	</div>	
  </body>
  	<script type="text/javascript">
  		$(".x1").on('click',function(){
  			var idx1 = $(this).index('.x1');//得到被点击同辈元素x1的下标
  			$('.hx').eq(idx1).removeClass('hide');//显示.hx的下标
  			/* $(this).removeClass('btn-success').addClass('btn-danger'); */
  			
  			
  			$('.hx').not($('.hx').eq(idx1)).addClass('hide');//其余.hx全部隐藏
  		})
  		
  	</script>
  
</html>
